const form0 = {
  rows: [
    // {
    //   id: "return-button",
    //   type: "button",
    //   icon: "dxi dxi-arrow-left",
    //   color: "secondary",
    //   circle: true,
    // },
    // {
    //   type: "spacer",
    //   height: "50px",
    // },
  ],
};

const form1In = {
  rows: [
    // {
    //   id: "return-button",
    //   type: "button",
    //   icon: "dxi dxi-arrow-left",
    //   color: "secondary",
    //   circle: true,
    // },
    // {
    //   type: "spacer",
    //   height: "50px",
    // },
    {
      align: 'end',
      cols: [
        {
          id: 'Q0',
          type: 'input',
          width: '150px',
          label: 'theta',
          labelPosition: 'left',
          value: 'pi/2',
        },
      ],
    },
  ],
};

const form2Sle = {
  rows: [
    // {
    //   id: "return-button",
    //   type: "button",
    //   icon: "dxi dxi-arrow-left",
    //   color: "secondary",
    //   circle: true,
    // },
    {
      type: 'spacer',
      height: '30px',
    },
    {
      align: 'end',
      cols: [
        {
          id: 'Q0',
          type: 'select',
          width: '80px',
          label: 'Q',
          labelPosition: 'left',
          options: [{ value: '0', content: '0' }],
        },
      ],
    },
    {
      align: 'end',
      cols: [
        {
          id: 'Q1',
          type: 'select',
          width: '80px',
          label: 'Q',
          labelPosition: 'left',
          options: [{ value: '0', content: '0' }],
        },
      ],
    },
  ],
};

const blue = '#60AFCE';
const orange = '#EC9875';
const grey = '#F5F5F5';
const white = '#FFFFFF';
const black = '#000000';

const colorPickerConfig = [
  {
    value: grey,
    type: 'colorpicker',
    name: 'Background',
    label: '背景',
    labelWidth: '100px',
    labelPosition: 'left',
    customColors: [grey],
  },
  {
    value: blue,
    type: 'colorpicker',
    name: 'Gate',
    label: '量子门',
    labelWidth: '100px',
    labelPosition: 'left',
    customColors: [blue],
  },
  {
    value: orange,
    type: 'colorpicker',
    name: 'Measure',
    label: '测量',
    labelWidth: '100px',
    labelPosition: 'left',
    customColors: [orange],
  },
  {
    value: white,
    type: 'colorpicker',
    name: 'Text',
    label: '文字',
    labelWidth: '100px',
    labelPosition: 'left',
    customColors: [white],
  },
  {
    value: black,
    type: 'colorpicker',
    name: 'Line',
    label: '线路',
    labelWidth: '100px',
    labelPosition: 'left',
    customColors: [black],
  },
];

const formArray = new Array();

formArray.push(form0);
formArray.push(form1In);
formArray.push(form2Sle);

export {
  formArray, colorPickerConfig,
};
